今天要來介紹跟RWD佈局非常相關的Bootstrap
點此到官網下載:Bootstrap
對於還不熟悉CSS的人來說實在受益良多,當然也不只侷限於對CSS不熟悉的XD
因為有了Bootstrap就能透過具象的標籤放在class裡頭來達到RWD的效果
導入 Bootstrap 的方式和平常引入 CSS 檔案的方式一樣
BootstrapCDN 是把 Bootstrap 框架導入專案中最簡單快速的方式
免下載,但需要連上網路,才能使用
到 Getting Started(這是5.2版Bootstrap) 複製寫好的 HTML 標籤內容和將 CSS、JS檔案引入
<head>
裡的後面不用連上網就能使用 Boostrap 框架
可以到這裡(5.2版)下載
之後再把檔案引入專案目錄裡
安裝好 Bootstrap 後,接著就是在需要時,到官方上去尋找所需的元素,再複製到專案修改
我們前面對RWD已有所認識,
接著我們明天要來運用Bootstrap 的 Grid system 來讓設計網站原型變得快速又有效率